<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Insert title here</title>
		<link rel="stylesheet" type="text/css" href="css/rest.css"/>
		<style type="text/css">
			body{width: 100%;height: 100%;}
			*{margin: 0;padding: 0;}
				.bjt{background:radial-gradient(#6f4351,#40325b);width: 100%;height: 120px;}
				.huixiang{width: 200px;height: 80px;position: absolute;left: 0px;top: 10px;}
				.ziti{font-size: 25px;font-style: italic;font-family: 宋体;color:#91b5ff ;font-weight: 600;position: absolute;left:180px;top: 44px;}
				li{float: left;font-size: 22px;padding: 10px;margin-left: 60px;color: aqua;}
				.liebiao{position: absolute;left: 300px;top: 35px;}
				.zixuankuang{font-size: 12px;color: gray;width: 210px;height:38px;position: absolute;left: 1100px;top: 38px;border-radius: 50px;}
				.sousuo{width: 40px;height: 38px;position: absolute;left: 1274px;top: 40px;border-radius: 50px;background-color: dimgray;}
				li>a{color: white;}
				.si{background-color: black;height: 300px;position: relative;top: 2000px;}
				.c1{font-size: 18px;font-weight: 300;color: white;position: absolute;left: 450px;top: 50px;}
				.c1-1{color: red;}
				.c2{font-size: 18px;font-weight: 300;position: absolute;left: 520px;top:80px;color: white;}
				.c3{font-size: 18px;font-weight: 300;color: white;position: absolute;left: 600px;top:120px;}
				.c4{height: 40px;width: 130px;position: absolute;left: 580px;top:180px;}
				.c5{height: 40px;width: 130px;position: absolute;left: 740px;top:180px;}
				.c6{height: 40px;width: 130px;position: absolute;left: 900px;top:180px;}
				.denglu>a{color: white;}
				.j1{font-size: 32px;color: red;position: absolute;left: 150px;top: 200px;}
				.j1-1{font-size: 18px;color: red;position: absolute;left: 973px;top: 230px;width: 250px;height: 160px;}
				
				.j2{width: 880px;height: 660px;margin-left: 150px;margin-top: -30px;}
				.j2-1{width: 250px;height: 160px;}
				.j3{font-size: 15px;width: 250px;margin-top: 10px;}
				.j3-1{color: gray;margin-top: 10px;}
				.yanjing{width: 20px;height: 15px;position: absolute;left: 350px;top: 500px;color: gray;}
				.j3-2{color: gray;position: absolute;left: 375px;top: 496px;}
				
				
				
				.u2{font-size: 15px;width: 250px;margin-top: 10px;}
				.u2-1{color: gray;margin-top: 10px;}
				.yanjing{width: 20px;height: 15px;position: absolute;left: 350px;top: 500px;color: gray;}
				.u2-2{color: gray;position: absolute;left: 375px;top: 496px;}
				
				.l2{position: absolute;left: 460px;top: 270px;}
				.yanjing-1{width: 20px;height: 15px;position: absolute;left: 200px;top: 230px;color: gray;}
				.j3-3{color: gray;position: absolute;left: 225px;top: 226px;}
				
				.l3{position: absolute;left: 770px;top: 270px;}
				.yanjing-2{width: 20px;height: 15px;position: absolute;left: 200px;top: 230px;color: gray;}
				.j3-4{color: gray;position: absolute;left: 225px;top: 226px;}
				
				.l4{position: absolute;left: 152px;top: 550px;}
				.yanjing-3{width: 20px;height: 15px;position: absolute;left: 200px;top: 230px;color: gray;}
				.j3-5{color: gray;position: absolute;left: 225px;top: 226px;}
				
				.l5{position: absolute;left: 462px;top: 550px;}
				.yanjing-4{width: 20px;height: 15px;position: absolute;left: 200px;top: 230px;color: gray;}
				.j3-6{color: gray;position: absolute;left: 225px;top: 226px;}
				
				.l6{position: absolute;left: 772px;top: 550px;}
				.yanjing-5{width: 20px;height: 15px;position: absolute;left: 200px;top: 230px;color: gray;}
				.j3-7{color: gray;position: absolute;left: 225px;top: 226px;}
				
				
				.s1{font-size: 32px;color: red;position: absolute;left: 1150px;top: 200px;width: 250px;height: 160px;}
				.s1-1{width: 400px;height: 660px;position: absolute;left: 1140px;top: 250px;}
				
				.pm1{width: 40px;height: 40px;color: red;font-style: italic;font-size: 32px;margin-top: 20px;}
				.pm1-1{font-size: 15px;color: black;margin-left: 50px;margin-top: -30px;}
				
				.pm2{width: 40px;height: 40px;color: red;font-style: italic;font-size: 30px;margin-top: 20px;}
				.pm2-1{font-size: 15px;color: black;margin-left: 50px;margin-top: -30px;}
				
				.pm3{width: 40px;height: 40px;color: grey;font-style: italic;font-size: 30px;margin-top: 20px;}
				.pm2-1{font-size: 15px;color: black;margin-left: 50px;margin-top: -30px;}
				
				.b1{font-size: 32px;color: royalblue;position: absolute;left: 150px;top: 900px;}
				.b1-1{font-size: 18px;color:  royalblue;position: absolute;left: 973px;top: 930px;width: 250px;height: 160px;}
				
				.b2{width: 880px;height: 600px;margin-left: 150px;margin-top: 40px;position: relative;}
				.b2-1{width: 560px;height: 320px;}
				.b2-2{color: white;position:absolute ;left: 30px;top: 280px;}
				
				.b3-1{width: 250px;height: 150px;position: absolute;left: 620px;top: 0px;}
				.b3-2{color: white;position:absolute ;left: 620px;top: 120px;}
				.b4-1{width: 250px;height: 150px;position: absolute;left: 620px;top: 170px;}
				.b4-2{color: white;position:absolute ;left: 620px;top: 290px;}
				
				.b5-1{width: 250px;height: 150px;position: absolute;left: 0px;top: 340px;}
				.b5-2{color: white;position:absolute ;left: 0px;top: 460px;}
				.b6-1{width: 250px;height: 150px;position: absolute;left: 310px;top: 340px;}
				.b6-2{color: white;position:absolute ;left:310px;top: 460px;}
				.b7-1{width: 250px;height: 150px;position: absolute;left: 620px;top: 340px;}
				.b7-2{color: white;position:absolute ;left:620px;top: 460px;}
				
				.b8{font-size: 32px;color: royalblue;position: absolute;left: 1000px;top: -70px;width: 250px;height: 160px;}
				.b8-1{width: 400px;height: 500px;position: absolute;left: 1000px;top: 0px;}
				.b8-2{width: 160px;height: 84px;}
				.b8-3{width: 22px;height: 20px;color: white;background-color: orange;position: absolute;left: 0px;top: 65px;text-align: center;font-style: italic;}
				.b8-4{font-size: 16px;position: absolute;left: 180px;top: 30px;}
				.b8-5{position: absolute;left: 200px;top: 60px;color: grey;}
				
				.b9-2{width: 160px;height: 84px;position: absolute;left: 0px;top:110px;}
				.b9-3{width: 22px;height: 20px;color: white;background-color: orange;position: absolute;left: 0px;top: 175px;text-align: center;font-style: italic;}
				.b9-4{font-size: 16px;position: absolute;left: 180px;top: 140px;}
				.b9-5{position: absolute;left: 200px;top: 170px;color: grey;}
				
				.b10-2{width: 160px;height: 84px;position: absolute;left: 0px;top:220px;}
				.b10-3{width: 22px;height: 20px;color: white;background-color: gray;position: absolute;left: 0px;top: 285px;text-align: center;font-style: italic;}
				.b10-4{font-size: 16px;position: absolute;left: 180px;top: 250px;}
				.b10-5{position: absolute;left: 200px;top: 280px;color: grey;}
				
				.b11-2{width: 160px;height: 84px;position: absolute;left: 0px;top:330px;}
				.b11-3{width: 22px;height: 20px;color: white;background-color:gray;position: absolute;left: 0px;top: 395px;text-align: center;font-style: italic;}
				.b11-4{font-size: 16px;position: absolute;left: 180px;top:360px;}
				.b11-5{position: absolute;left: 200px;top: 390px;color: grey;}
				
				.b12-2{width: 160px;height: 84px;position: absolute;left: 0px;top:440px;}
				.b12-3{width: 22px;height: 20px;color: white;background-color:gray;position: absolute;left: 0px;top: 505px;text-align: center;font-style: italic;}
				.b12-4{font-size: 16px;position: absolute;left: 180px;top:470px;}
				.b12-5{position: absolute;left: 200px;top: 500px;color: grey;}
				.pm1-1>a:hover {color: red;}
				.pm2-1>a:hover {color: red;}
				.j3>a:hover {color: red;}
				.b1-1>a:hover {color: red;}
				.j1-1>a:hover {color: red;}
				.b2-2>a{color: white;}
				.b2-2>a:hover {color: red;}
				.b3-2>a{color: white;}
				.b4-2>a{color: white;}
				.b5-2>a{color: white;}
				.b6-2>a{color: white;}
				.b7-2>a{color: white;}
				.b3-2>a:hover {color: red;}
				.b4-2>a:hover {color: red;}
				.b5-2>a:hover {color: red;}
				.b6-2>a:hover {color: red;}
				.b7-2>a:hover {color: red;}
				.b8-4>a{color:black;}
				.b8-4>a:hover {color: red;}
				.b9-4>a{color: black;}
				.b9-4>a:hover {color: red;}
				.b10-4>a{color: black;}
				.b10-4>a:hover {color: red;}
				.b11-4>a{color:black;}
				.b11-4>a:hover {color: red;}
				.b12-4>a{color: black;}
				.b12-4>a:hover {color: red;}
		</style>
	</head>
	<body>
		<div class="bjt">
			<div class="si">
				<div class="c1">关于悦享汇：<span class="c1-1">关于我们	| 管理团队 | 投资者关系 |</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;友情链接：<span class="c1-1">美团网 | 美团下载 | 欢喜首映 |</span></div>
				<div class="c2">QQ邮箱：2112633811.com&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客服电话：152425125</div>
				<div class="c3">悦享汇用户服务协议 |			悦享汇平台交易规则总则 | 			隐私政策 |</div>
				<img src="img/C9.png"class="c4" >
				<img src="img/C8.png"class="c5" >
				<img src="img/C7.png"class="c6" >
				</div>
			<img src="img/R-C.png" class="huixiang">
			<div class="ziti">悦享汇电影</div>
			<div class="liebiao">
				<ul>
				<li><a href="shouye.jsp">首页</a></li>
				<li><a href="dianying.jsp">电影</a></li>
				<li><a href="yingyuan.jsp">影院</a></li>
				<li><a href="bangdan.jsp">榜单</a></li>
				<li><a href="redian.jsp">热点</a></li>
				<li><a href="shangcheng.jsp">商城</a></li>
			</ul>
			</div>
			<%@include file="sousuo.jsp"%>
			<%@include file="dl.jsp"%>

		
			
			
			<div class="j1">最新资讯</div>
			<div class="j1-1"><a href="">全部</a>></div>
			
			<div class="j2">
						<a href="zixun.jsp"><div class="l1">	
						<img src="img/j1.png"class="j2-1" >
						<div class="j3"><a href="zixun.jsp">江苏卫视2023跨年演唱会正式官宣：<br>致敬奋斗的  “我们”</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao.png" class="yanjing">
						<div class="j3-2">67</div>
							</div></a>
				
						<a href="资讯.jsp"><div class="l2">
						<img src="img/j2.png"class="j2-1" >
						<div class="j3"><a href="资讯.jsp">电影《流浪地球2》预告双发，吴京<br>刘德华角色揭秘</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao-1.png" class="yanjing-1">
						<div class="j3-3">94</div>
							</div></a>
			
						<a href=""><div class="l3">
						<img src="img/j3.png"class="j2-1" >
						<div class="j3"><a href="">《熊出没.伴我“熊芯”》亲情动人，<br>&nbsp;&nbsp;熊妈妈正式登录熊出没大电影</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao-2.png" class="yanjing-2">
						<div class="j3-4">180</div>
							</div></a>
			
						<a href=""><div class="l4">
						<img src="img/j4.png"class="j2-1" >
						<div class="j3"><a href="">《唬胆特工》曝“冒险对王牌”片<br>&nbsp;&nbsp;段，二哈兄弟高空对决狂飙演技</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao-3.png" class="yanjing-3">
						<div class="j3-5">78</div>
							</div></a>
			
						<a href=""><div class="l5">
						<img src="img/j5.png"class="j2-1" >
						<div class="j3"><a href="">电影《燕交》入围第52届鹿特丹国际<br>&nbsp;&nbsp;电影节，首爆海报预告</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao-4.png" class="yanjing-4">
						<div class="j3-6">80</div>
							</div></a>
			
						<a href=""><div class="l6">
						<img src="img/j6.png"class="j2-1" >
						<div class="j3"><a href="">网络剧《一不小心喵上你》12月20日<br>&nbsp;&nbsp;甜蜜开播</br></a><div class="j3-1">悦享汇电影</div></div>
						<img src="img/yanjingtubiao-5.png" class="yanjing-5">
						<div class="j3-7">134</div>
							</div></a>
							
				</div>
			
					<div class="s1">热门资讯		</div>
							<div class="s1-1">
								<div class="pm1">1 </div>
								<div class="pm1-1"><a href="">《明日战记》举办香港群星慈善首映礼，刘嘉玲鼓...</a>	</div>
									
								<div class="pm2">2 </div>
								<div class="pm2-1"><a href="">《新神榜：杨戬》曝系列联动彩蛋，哪吒孙悟空惊...</a>	</div>
									
								<div class="pm2">3 </div>
								<div class="pm2-1"><a href="">《新神榜：杨戬》发敦煌博物馆联动，梦幻再现国...	</a></div>
								
								<div class="pm3">4 </div>
								<div class="pm2-1"><a href="">《罚罪》今晚开播！黄景瑜杨祐宁正邪交锋身份三...</a>	</div>
								
								<div class="pm3">5 </div>
								<div class="pm2-1"><a href="">电影《深海蛇难》定档8月27日，人蛇博弈狂暴来袭	</a></div>
								
								<div class="pm3">6 </div>
								<div class="pm2-1"><a href="">电影《拯救嫌疑人》发布先导海报，全阵容曝光共...	</a></div>
								
								<div class="pm3">7 </div>
								<div class="pm2-1"><a href="">《世界上最爱我的人》曝陪伴版MV，年度催泪亲...	</a></div>
								
								<div class="pm3">8 </div>
								<div class="pm2-1"><a href="">电影《雀斑公主》倒计时2天，元宇宙迎新派对邀您...</a>	</div>
								
								
								<div class="pm3">9 </div>
								<div class="pm2-1"><a href="">《狼群》曝新预告境外势力挑衅能源命脉，张晋领...</a>	</div>
							
								
								<div class="pm3">10 </div>
								<div class="pm2-1"><a href="">青春动画大片《雀斑公主》明日上映，终极预告诠...</a>	</div>
								
								
							</div>
					
			
					
					<div class="b1">预告片</div>
					<div class="b1-1"><a href="">全部</a>></div>
									<div class="b2">	
											
											<img src="img/11.jpg"  class="b2-1">
											<div class="b2-2"><a>《绝望主夫》电影发布“开个脑洞” 预告</a></div>
											
											<img src="img/12.jpg"  class="b3-1">
											<div class="b3-2"><a>《变身攻略》平安夜甜蜜上映！</a></div>
								
											<img src="img/13.jpg"  class="b4-1">
											<div class="b4-2"><a>《想见你》角色预告合集</a></div>
																			
											<img src="img/14.jpg"  class="b5-1">
											<div class="b5-2"><a>《唬胆特工》乌龙搭档激情碰撞</a></div>
									
											<img src="img/15.jpg"  class="b6-1">
											<div class="b6-2"><a>《龙珠超：超级人造人》1月6日...</a></div>
											<img src="img/16.jpg"  class="b7-1">
											<div class="b7-2"><a>《绝望主夫》发布“开了个脑洞”</a></div>									
									
									<div class="b8">热门预告	</div>
												<div class="b8-1">
													
													<img src="img/21.jpg"class="b8-2" >	<span class="b8-4"><a href="">《想见你》电影定档预告</a></span>
													<div class="b8-3">1	</div>
													<div class="b8-5">65.3万</div>
														
													<img src="img/22.png"class="b9-2" >	<span class="b9-4"><a href="">《阿凡达：水之道》登峰造极...</a></span>
													<div class="b9-3">2</div>
													<div class="b9-5">54.8万</div>
												
													<img src="img/23.png"class="b10-2" >	<span class="b10-4"><a href="">《阿凡达：水之道》史诗巨制...</a></span>
													<div class="b10-3">3</div>
													<div class="b10-5">37.8万</div>
												
													<img src="img/24.jpg"class="b11-2" >	<span class="b11-4"><a href="">《想见你》角色预告</a></span>
													<div class="b11-3">4</div>
													<div class="b11-5">22.4万</div>
													
													<img src="img/25.jpg"class="b12-2" >	<span class="b12-4"><a href="">《绝望主夫》发布“开个玩...</a></span>
													<div class="b12-3">5</div>
													<div class="b12-5">18.5万</div>
													
													
												</div>
									
								</div>
			
			
	</body>
</html>
